/* - - - - - - - - - - - - - - - - - - - - -

BUILD

- - - - - - - - - - - - - - - - - - - - - */

@import url("dynamic.css");

#build #stage{
background:#fff url(images/sidebarbg.png) repeat-y;
}
#build #main{
padding:0 0 20px 0;
}
#build #side{
position:relative;
float:left;
width:358px;
height:500px;
}
#build #side[id]{
height:auto;
width:360px;
min-height:500px;
}

#build #main form{
width:466px;
margin:10px 0 0 22px;
}
#build #main form ul{
width:100%;
}
#build #main form li{
width:100%;
margin:0 0 8px 0;
}

#formPreview label.desc, #formPreview legend{
width:100%;
overflow:hidden;
}

#side .desc{
font-weight:bold;
padding:5px 0 0 0;
}
#formPasswordDiv{
padding:6px 0 0 0;
}

fieldset#formReceiptDiv, fieldset#formEmailDiv{
margin-left:15px;
border-width:3px;
border-style:double;
}

#formReceiptDiv .buttons{
font-size:90%;
padding:0;
margin:0;
}
#formReceiptDiv .buttons a{
margin:5px 0 0 0;
}

fieldset .desc{
color:#222 !important;
}

#tabs{
float:left;
width:100%;
list-style:none;
background:#FFE79F url(images/tabbottom.gif) repeat-x bottom;
}
#tabs li{
float:left;
font-size:100%;
text-align:center;
}
#tabs a{
display:block;
background:url(images/tabtri1.gif) no-repeat 4px 0;
color:#80663F;
text-decoration:none;
}
#tabs a:hover{
font-weight:bold;
color:#B6381F;
}
#afi{
width:105px;
}
#cfi{
width:125px;
}
#cfo{
width:127px;
}
#afi a{
padding:4px 0 4px 20px;
margin:4px 0 0 4px;
}
#cfi a{
padding:4px 0 4px 20px;
margin:4px 0 0 0px;
}
#cfo a{
padding:4px 0 4px 20px;
margin:4px 0 0 0px;
}
.afi #afi a, .cfi #cfi a, .cfo #cfo a{
background:#FDFDED url(images/tabtri2.gif) no-repeat 4px 0;
border:1px solid #EFD586;
border-bottom:none;
color:#B6381F;
font-weight:bold;
}


input[disabled], select[disabled]{
color:#666 !important;
}


#addFields{
clear:both;
padding:15px;
}
#addFields[id]{
position: fixed;
margin:25px 0 0 0;
}

#simpleFields ul{
float:left;
list-style:none;
}
#col1 li{
margin:5px 5px 5px 0;
}
#col2 li{
margin:5px 0 5px 5px;
}
#simpleFields a{
display:block;
width:128px;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
padding:4px 0 4px 30px;
text-decoration:none;
font-weight:bold;
color:#565656;
background-repeat:no-repeat;
background-position:6px center;
}
#simpleFields a:hover{
background-color:#DFEEA3;
border:1px solid #C6D880;
color:#444;
}
#simpleFields a:active{
background-color:#C1DF5D;
border:1px solid #93B825;
color:#333;
}

#cs a{
font-size:100%;
font-weight:normal;
border:1px solid #C2E1EF;
border-top:1px solid #DFF2FF;
border-left:1px solid #DFF2FF;
background-color:#DFF4FF;
/* padding:12px 15px; */
padding:4px 15px;
text-align:center;
color:#336699;
}
#sl{
background-image:url(images/icons/text.gif);
}
#ml{
background-image:url(images/icons/pilcrow.png);
}
#mc{
background-image:url(images/icons/multiplechoice.png);
}
#cb{
background-image:url(images/icons/checkbox.png);
}
#dd{
background-image:url(images/icons/ddown.png);
}
#ad{
background-image:url(images/icons/world.png);
}
#ws{
background-image:url(images/icons/link.png);
}
#fu{
background-image:url(images/icons/page_white_get.png);
}

#pb a{
font-size:100%;
font-weight:normal;
border:1px solid #EFD1D1;
border-top:1px solid #FFEFEF;
border-left:1px solid #FFEFEF;
background-color:#FFDFDF;
/* padding:12px 15px; */
padding:4px 15px;
text-align:center;
color:#AF2B2B;
}
#nu{
background-image:url(images/icons/number.gif);
}
#na{
background-image:url(images/icons/vcard.png);
}
#da{
background-image:url(images/icons/calendar.png);
}
#ti{
background-image:url(images/icons/clock.png);
}
#ph{
background-image:url(images/icons/telephone.png);
}
#mo{
background-image:url(images/icons/money.png);
}
#em{
background-image:url(images/icons/email_open.png);
}


/* ----- No Fields ----- */

#nofields{
cursor: pointer;
}
#formPreview .notice{
margin:0;
padding:15px;
}
#addFields .notice{
text-align:center !important;
margin:0 0 10px 0;
padding:10px;
display:inline-block;
}
#addFields .notice[class]{
display:block;
width: 308px;
}
#fieldProperties .notice{
margin:20px;
padding:15px;
}

/* ----- Form Preview ----- */

#formPreview li{
padding:0;
background-color:#fff;
border:1px solid #fff;
}
#formPreview li *{
cursor:pointer;
}
#formPreview li a.hvr{
display:block;
text-decoration:none;
border:1px solid #fff;
padding:4px 5px 2px 9px;
color:#444;
}
#formPreview li a.hvr:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#formPreview li a.hvr{
display: inline-block;
}
/* Holly Hack Targets IE Win only \*/
   * html #formPreview li a.hvr {height: 1%;}
   #formPreview li a.hvr {display: block;}
/* End Holly Hack */

#formPreview .info a{
color:#000;
}

#formPreview .info{
width:100% !important;
border-bottom:1px dotted #ccc;
}
#formPreview li a.hvr:hover{
background:url(images/icons/pencil.png) no-repeat 98% 4px;
border:1px dotted #cf4723 !important;
}
#formPreview li.info a.hvr{
padding:7px 0 0 0;
}
#formPreview li.private{
background-image:url(images/icons/locksmall.gif) !important;
 background-repeat:no-repeat;
 background-position:98% 7px;
}
#formPreview li.private .hvr:hover{
background-color:#fff;
}
#formPreview li.editing{
border:1px solid #EFE5A4;
background-color:#fff7c0;
}
#formPreview li.editing .hvr:hover{
background-color:#fff7c0;
}
#formPreview li.editing .desc{
color:#BF3E20 !important;
}
.arrow{
display:none;
position:absolute;
z-index:0;
right:100%;
margin:0 7px 0 0;
width:16px;
height:60px;
background:url(images/icons/fieldSelect.png) no-repeat;
}
#formPreview li.editing .arrow{
display:block;
display:inline-block;
}
#formPreview .fieldActions{
display:none;
position:absolute;
right:0;
margin:-8px 10px 0px 0;
padding:0;
line-height:10px;
}
#formPreview li.editing .fieldActions{
display:block;
}

/* ----- Build Sidebar ----- */

#side form{
clear:left;
padding:15px 20px;
}
#side form ul{
font-size:95%;
}
#side form li{
position:static;
display:inline-block;
padding:0 0 7px 0;
}
#side[id] form li{
display:block;
}
#side label, #side legend{
font-size:100%;
color:#BF3E20;
text-align:left;
}
#side .choice{
font-size:90%;
color:#444;
text-align:left;
}
#side .choice b{
color:#BF3E20;
}
#side .textarea{
height:5em;
}
#side .radio, #side .checkbox{
display:inline;
margin:0 5px 2px 15px;
}
#side .radio[class]{
margin-bottom:-2px;
}
#side .checkbox[class]{
margin-bottom:0;
}
#side .choice{
display:inline;
margin:0;
}

#side .tooltip{
border-bottom:none;
}
#side #tooltip{
top:95px;
left:-7px;
}

fieldset .left, fieldset .right{
margin:3px 0 0 0;
padding:0;
}

/* ----- Form Properties ----- */

#formProperties{
display:none;
}
#formProperties li{
margin:4px 0;
}
#formProperties .password, #formProperties .email{
margin-left:38px;
}
.password img, .email img{
margin:2px 3px -2px 0;
}

/* ----- Field Properties ----- */

#fieldProperties{
position:relative;
display:none;
}
#fieldProperties .num{
position: absolute;
right: 0;
margin:0px 15px 0 0;
padding:0;
font-size:300%;
text-align:right;
background:none;
border:none;
width:auto;
color:#BF3E20;
}
#side textarea#fieldTitle{
width:70%;
height:3.7em;
}
#side .buttons{
margin:6px 0;
text-align:center;
}
#side .buttons .button{
margin:0 5px;
}

/* ----- Fieldsets ----- */

fieldset{
margin:7px 0 0 0;
padding:0 10px 10px 10px;
border:1px solid #FFD8CF;
color:#444;
line-height:1.6em;
}
fieldset.choices{
padding:7px 5px 10px 10px;
}
fieldset.fieldset{
padding:3px 0 10px 0;
}
legend{
font-weight:bold;
margin:0 0 0 -10px;
}
#formProperties[id] legend, .choices[class] legend{
margin:0 0 0 -5px;
}
.fieldset legend{
margin:0;
}
.fieldset[class] legend{
margin:0 0 0 5px;
}
#formProperties fieldset div{
margin-bottom:7px;
}
fieldset .small{
margin:4px 20px 0 4px;
}
fieldset .small[class]{
margin:3px 20px 0 4px;
}
fieldset p{
margin:10px;
}

/* ----- Choices ----- */

.choices input{
width:200px;
margin-right:3px;
}
.choices ol{
margin:10px 0 0 0;
}
.choices[class] ol{
margin:0 !important;
}
.choices img{
margin:0 0 -4px 0;
float:none;
}
fieldset ol li{
display: list-item !important;
margin:0 5px 2px 3px !important;
padding:0 !important;
list-style:inside decimal;
}